export const getStyles = ({
  bgColor = '#FFFFFF',
  titleColor = '#666666',
  activeTitleColor = '#3D3D3D',
  activeBgColor = '#FFFFFF',
  isActiveTitleBold = true,
  iconWidth = 70,
  iconHeight = 70,
  width = 375,
  height = 88,
  bottomWidth = 180,
  bottomColor = '#FA9600',
  rightOffset = 0,
  leftOffset = 0,
  normalBottomColor = '#e9ecef'
} = {}) => {
  return {
    bgColor: bgColor,
    titleColor: titleColor,
    activeTitleColor: activeTitleColor,
    activeBgColor: activeBgColor,
    isActiveTitleBold: isActiveTitleBold,
    iconWidth: iconWidth,
    iconHeight: iconHeight,
    width: width,
    height: height,
    fontSize: 28,
    hasActiveBottom: true,
    activeBottomColor: bottomColor,
    activeBottomHeight: 4,
    activeBottomWidth: bottomWidth,
    textPaddingLeft: 10,
    textPaddingRight: 10,
    normalBottomColor: normalBottomColor,
    normalBottomHeight: 1,
    hasRightIcon: true,
    rightOffset: rightOffset,
    leftOffset: leftOffset
  }
}
